$(document).ready(function () {
    (function(){
        adaptive();
        //左边菜单栏高度自适应
        function  adaptive(){
            //得到窗口的高度和宽度
            var clientHeight = document.documentElement.clientHeight;
            var clientWidth = document.documentElement.clientWidth;

            // console.log(clientHeight+"_____"+clientWidth);

            var index_header = $(".index_header");
            var index_pick_tabs = $(".index_pick_tabs");
            var pick_tabsHeight = index_pick_tabs.height();

            var leftnav =  $(".leftnav");
            var headerHeight = index_header.css("display") =="none"? 0 : index_header.height();

            var leftnavWidth = leftnav.css("display") =="none" ? 0 : leftnav.width();
            //var leftnavWidth =leftnav.width();

            //左边菜单栏的高度
            $(".leftnav").height(clientHeight - headerHeight - pick_tabsHeight - 1 );

            //iframe框的高度
            $(".index_tab_iframe").height(clientHeight - headerHeight - pick_tabsHeight -1);

            //iframe框的宽度
            $(".index_tab_iframe").width(clientWidth-leftnavWidth-17);

            $(".iframe_main").height(clientHeight-headerHeight - pick_tabsHeight-1);
            $(".iframe_content").height(clientHeight-headerHeight - pick_tabsHeight-4);

            $(window).resize(function(){
                clientHeight = document.documentElement.clientHeight;
                clientWidth = document.documentElement.clientWidth;

                // console.log(clientHeight+"_____"+clientWidth);
                //左边菜单栏的高度
                $(".leftnav").height(clientHeight - headerHeight - pick_tabsHeight - 1 );

                //iframe框的高度
                $(".index_tab_iframe").height(clientHeight - headerHeight - pick_tabsHeight -1);

                //iframe框的框
                $(".index_tab_iframe").width(clientWidth-leftnavWidth-17);

                $(".iframe_main").height(clientHeight-headerHeight - pick_tabsHeight-1);
                $(".iframe_content").height(clientHeight-headerHeight - pick_tabsHeight-4);
            });
        }

        $("#packup").on("click",function(){

            var leftnavleft = $(".leftnav").css("left");
            //菜单宽度
            var leftnavWidth = $(".leftnav").width();
            //菜单头的宽度
            var lefttopWidth = $(".lefttop").width();
            if(leftnavleft == "0px"){
                //notnot选中不符合的
                $(".lefttop").children().not("#packup").hide();
                $(".lefttop").animate({
                    width:30
                },"fast");
                $(".leftnav").animate({
                        left:-(leftnavWidth+20)
                },"fast",function(){
                    $(".leftnav").hide();
                    adaptive();
                });
                $(this).addClass("flipx");
            }else{
                $(".index_tab_iframe").hide();
                //not选中不符合的
                $(".lefttop").children().not("#packup").show();
                $(".lefttop").animate({
                    width:leftnavWidth
                },"fast");

                $(".leftnav").css("left",0);
                $(".leftnav").show();
                adaptive();
                $(".index_tab_iframe").fadeIn();
                $(this).removeClass("flipx");
            }

        });
        //动态绑定点击事件 注意解绑
        $(".leftmenu").on("click","li",function(){
            $(".leftmenu li.active").removeClass("active");
            $(this).addClass("active");
        });
        //三级菜单的显示控制
        $(".leftmenu").on("click","div.title",function(){
            $('dd').find('ul').slideUp();
            if($(this).next("ul").is(":visible")){
                $(this).next("ul").slideUp();
            }else{
                $(this).next("ul").slideDown();
            }
        });
        var tabs_iframe = ["index"];
        //打开tab页
        $("dl.leftmenu ul li").on("click",function(){
            var menu = $(this).find("a");
            var title = menu.html();
            var menuid = menu.attr("id").split("_")[1];
            var menusrc = menu.attr("src");
            addOrShowTab(menuid,title);
            addOrShowIframe(menuid,menusrc);

        });
        //对iframe的控制
        function addOrShowIframe(menuid,menusrc){
            for(var i=0; i<tabs_iframe.length;i++){
                if(tabs_iframe[i] == menuid){
                    $("#ifr_index").parent().children("iframe").hide();
                    $("#ifr_"+menuid).fadeIn();
                    return;
                }
            }
            var height = $(".iframe_main iframe").height();
            var iframe = '<iframe id="ifr_'+menuid+'" class="iframe_content" height="'+height+'" src="'+menusrc+'"></iframe>';
            $("#ifr_index").parent().children("iframe").hide();
            $(".iframe_main").append(iframe);
            $("#ifr_"+menuid).fadeIn();
            tabs_iframe[tabs_iframe.length] = menuid;
        }
        //对tab的控制
        function addOrShowTab(menuid,title){
            for(var i=0 ;i<tabs_iframe.length;i++){
                if(tabs_iframe[i] == menuid){
                    $("#tab_"+menuid).parent().siblings("li.active").removeClass("active");
                    $("#tab_"+menuid).parent("li").addClass("active");
                    return;
                }
            }
            var tab = " <li class='active'>"+
                "<span>"+title+"</span>"+
                '<i id='+'tab_'+menuid+' class="tabs_ico icon_close"></i>'+
                "</li>";
            $("ul.index_tabs").append(tab);
            $("#tab_"+menuid).parent().siblings("li.active").removeClass("active");
            $("#tab_"+menuid).parent("li").addClass("active");
        }

        //直接点击tab切换js 并且找回原菜单路径
        $("ul.index_tabs").on("click","li",function(){
            var menuid = $(this).find("i").attr("id").split("_")[1];
            if($(this).hasClass("active")){
                return;
            }
            addOrShowTab(menuid);
            addOrShowIframe(menuid);
            $("#lef_"+menuid).parent().parent().parent().parent().siblings("dd").find("ul").slideUp();
            $("#lef_"+menuid).parent().parent().parent().slideDown();
            $(".leftmenu li.active").removeClass("active");
            $("#lef_"+menuid).parent().parent().addClass("active");
        });

        //删除tab
        $("ul.index_tabs").on("click","li i.icon_close",function(event){
            //阻止事件的冒泡 阻止父事件的触发
            event.stopPropagation();
            var menuid =  $(this).attr("id").split("_")[1];
            deleteTabIframe(menuid);

        })

        function deleteTabIframe(menuid){
            var pos = tabs_iframe.indexOf(menuid);

            if($("#tab_"+menuid).parent("li").hasClass("active")){
                var nextTabIframe =  tabs_iframe[pos-1];
                console.log(nextTabIframe)
                addOrShowTab(nextTabIframe);
                addOrShowIframe(nextTabIframe);
            }
            $("#tab_"+menuid).parent("li").remove();
            $("#ifr_"+menuid).remove();

            tabs_iframe.splice(pos,1);
        }
    })();

    setTimeout(function(){
        $(".load").fadeOut();
    },1000)
});